<template>
  <h1>图标组件</h1>
  <!--注意: 要以此方式使用图标的前提: main.js中引入图标库并全局注册!!!-->
  <!--size 修改图标的尺寸 color 修改图标颜色  -->
  <!--这里的图标并不是传统的图片 而是SVG矢量图:
    SVG 可缩放矢量图，可以直接嵌入在HTML中，任何分辨率下都可以清晰可见-->
  <el-icon size="50px" color="#0aa1ed" @click=""><Service /></el-icon>
  <el-icon><SwitchFilled /></el-icon>
  <el-icon><ChatLineSquare /></el-icon>
</template>

<script setup>

</script>


<style scoped>

</style>